<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			body{
				background-color: #f5f5f5;
			}
			.left{
				font-size: 22px;
				color: #333;
			}
			.right{
				font-size: 18px;
				color: #424242;
				float: right;
			}
			.b{
				border-bottom:2px  #ff6700 solid;
				font-size: 18px;
				color: #ff6700;
			}
			
			
		</style>
	</head>
	<body>
		<div class="box">
			<div class="title">
				<div class="left">厨房电器</div>
				<div class="right">
					<span id="b">净水器</span>
					<span>烟灶</span>
					<span>电饭煲</span>
					<span>微蒸烤</span>
				</div>
			</div>
			
			
			
			
			
			
			
			
			<div class="box2">
			<div class="商品">
				<img src="img/1.webp" alt="" />
			</div>
			<div class="box2">
			<div class="商品">
				<img src="img/2.webp" alt="" />
			</div>
			<div class="box2">
			<div class="商品">
				<img src="img/3.webp" alt="" />
				<p>小米双接净水器</p>
				
			</div>
			<div class="box2">
			<div class="商品">
				<img src="" alt="" />
				<p></p>
				<p></p>
			</div>
			<div class="box2">
			<div class="商品">
				<img src="" alt="" />
				<p></p>
				<p></p>
			</div>
			<div class="box2">
			<div class="商品">
				<img src="" alt="" />
				<p></p>
				<p></p>
			</div>
			<div class="box2">
			<div class="商品">
				<img src="" alt="" />
				<p></p>
				<p></p>
			</div>
			<div class="box2">
			<div class="商品">
				<img src="" alt="" />
				<p></p>
				<p></p>
			</div>
			<div class="box2">
			<div class="商品">
				<img src="" alt="" />
				<p></p>
				<p></p>
			</div>
			<div class="box2">
			<div class="商品">
				<img src="" alt="" />
				<p></p>
				<p></p>
			</div>
			
			
			</div>
		
		
		
		
		
	</body>
</html>
